<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>05存储数据的方式</title>
</head>

<body>

</body>
<script>
    /*
        [{},{}]

        05存储数据的方式:
            - 存在本地硬盘：json/txt数据,缺点：不方便存储成结构化数据;不方便读写；只能存在本地 优点：快
            - 存在本地浏览器：cookie/localstorage/sessionstorage；优点：能够帮我们保存临时信息;缺点：存储数据量较小；不方便存储结构化数据；只能存在本地
            - 存在数据库：mysql 优点：存储结构化数据；读取方便；存储量比较大；共享性比较好；缺点：收费
    */

    /*
        cookie:数据存储在浏览器里面，但是后端也可以读写;
            - 容量：不超过4k，不超过50个
            - 必须要用环境打开，才能读取cookie
            - 页面数据共享
            - 会话级别：关掉网页就失效(ps：一般使用的时候都要主动设置失效时间)
            - 字符串格式，存储在本地文件里面
    */

    //cookie设置：document.cookie = name=value[;expires=date][;path=路径][;domain=域名]

    let time = new Date();
    let today = time.getDate();//日
    time.setDate(today + 2);
    document.cookie = 'name=小虎;expires=' + time;//设置
    document.cookie = 'age=18';//设置

    //获取
    console.log(document.cookie);


</script>

</html>